$(function () {
    const { layer } = layui;
    const { form } = layui;
    // 获取文章分类的页表
    initArtCateList()
    function initArtCateList() {
        $.ajax({
            method: 'get',
            url: '/my/article/cates',
            success(res) {
                if (res.status !== 0) return layer.msg(res.message || '获取失败')
                const htmlStr = template('tpl-table', res)
                $('tbody').html(htmlStr);
            }
        })
    }
     
     let indexAdd = null;
    $('#btnac').on('click', function () {
        indexAdd = layer.open({
            type: 1,
            area: ["500px", "250px"],
            title: "添加文章分类",
            content: $('#dialog-add').html(),
        });

        // 通过代理形式给form-add 绑定提交代理事件
        $('body').on('submit', '#form-add', function (e) {
            e.preventDefault()
            $.ajax({
                method: 'post',
                url: '/my/article/addcates',
                data: $(this).serialize(),
                success(res) {
                    if (res.status !== 0) return layer.msg(res.message || "添加失败")
                    initArtCateList()
                    // 根据索引，关闭对应的弹出层
                    layer.close(indexAdd);
                }
            })
        })
    })
    
   // 为编辑类别按钮绑定点击事件
   var indexEdit = null
   $('tbody').on('click', '.btn-edit', function() {
     // 弹出一个修改文章分类信息的层
     indexEdit = layer.open({
       type: 1,
       area: ['500px', '250px'],
       title: '修改文章分类',
       content: $('#dialog-edit').html()
     })
    //  var id = $(this).attr('data-id')
       const id=$(this).data('id')
     // 发起请求获取对应分类的数据
     $.ajax({
       method: 'GET',
       url: '/my/article/cates/' + id,
       success: function(res) {
         form.val('form-edit', res.data)
       }
     })
   })
     // 通过代理形式给form-edit 绑定提交代理事件
     $('body').on('submit', '#form-edit', function(e) {
        e.preventDefault()
        $.ajax({
              method: 'POST',
              url: '/my/article/updatecate',
              data: $(this).serialize(),
              success: function(res) {
                if (res.status !== 0) {
                  return layer.msg('更新分类数据失败！')
                }
                layer.msg('更新分类数据成功！')
                layer.close(indexEdit)
                initArtCateList()
              }
        })
     })
     $('tbody').on('click', '.btn-delete', function() {
        var id = $(this).attr('data-id')
        // 提示用户是否要删除
        layer.confirm('确认删除?', { icon: 3, title: '提示' }, function(index) {
          $.ajax({
            method: 'GET',
            url: '/my/article/deletecate/' + id,
            success: function(res) {
              if (res.status !== 0) {
                return layer.msg('删除分类失败！')
              }
              layer.msg('删除分类成功！')
              layer.close(index)
              initArtCateList()
            }
          })
        })
    })
})